<style>
    .table tr td:first-child {
        width: 100px;
    }

    .table .img-thumbnail {
        height: 80px;
    }

    .table td {
        vertical-align: middle;
    }

    .user-box {
        display: flex;
        align-items: center;
        flex-direction: row
    }

    .user-box .avatar {
        margin-left: 0;
        margin-right: 10px;
    }

    .user-box .nickname {
        color: #605ca8;
    }

    .user-box .time {
        color: #999;
        font-size: 12px;
    }

    .good-box {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

    .good-box img {
        flex-shrink: 0;
        display: block;
    }

    .good-box .info {
        padding-left: 10px;
    }

    .good-box .info .title {
        color: #605ca8;
    }

    .good-box .info .desc {
        color: #999;
        font-size: 12px;
    }
    .good-box .info .bottom {
        font-weight: bold;
    }
</style>
<div class="row">
    <div class="col-xs-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                订单号：<span class="label label-success">{$row.order_sn}</span>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <b>{$row.status_text}</b>
            </div>
            <div class="panel-body">
                <table class="table table-striped">
                    <tbody>
                        <tr>
                            <td colspan="2">
                                <div class="user-box">
                                    <img class="avatar img-sm img-circle img-center" src="{$row.user.avatar}" />
                                    <div class="info">
                                        <div class="nickname color-purple">{$row.user.nickname}</div>
                                        <div class="time">{$row.createtime_text}</div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>收货信息：</td>
                            <td>
                                <b>{$row.receive_name} <span class="text-info">{$row.receive_mobile}</span></b><br />
                                <span class="text-muted">{$row.receive_address}</span>

                            </td>
                        </tr>
                        <tr>
                            <td>备注：</td>
                            <td>{$row.receive_note}</td>
                        </tr>
                    </tbody>
                </table>
            </div>

        </div>
        <div class="panel panel-default">
            <div class="panel-heading">商品信息</div>
            <div class="panel-body">
                <table class="table table-striped">
                    <tbody>

                        <tr colspan="2">
                            <div class="good-box">
                                <img class="" height="60" src="{$row.good_image}" />
                                <div class="info">
                                    <div class="title">{$row.good_title}</div>
                                    <div class="desc">{$row.good_description}</div>
                                    <div class="bottom">×{$row.number} &nbsp;&nbsp;<span
                                            class="text-warning">{$row.good_score}积分</span></div>
                                </div>
                            </div>
                        </tr>
                        <tr>
                            <td>合计：</td>
                            <td><b><span class="text-warning">{$row.score}积分</span></b></td>
                        </tr>

                        <tr>
                            <td>下单时间：</td>
                            <td>
                                {$row.createtime_text}
                            </td>
                        </tr>
                        <tr>
                            <td>发货信息：</td>
                            <td>
                                {$row.note|htmlentities}
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>